<template>
	<view>
		<view class="page_header">
			<view class="status-bar"></view>
			<view class="navtop">
				<image @click="back" src="/static/index/Back_icon.png" mode="widthFix" class="back_icon"></image>
				<text class="balancea">保证金</text>
				<!-- 右边自定义图片 -->
				<image src="../../../static/user2/zhangdan.png" style="width: 32rpx;height: 35rpx;position: absolute;right:65rpx;"></image>
			</view>
		</view>
		<!-- 没加fixed -->
		<view class="status-bar"></view>
		<view class="" style="height: 100rpx ;">
		</view>
		<view class="bondBox">
			<text class="bondFont">
				保证金余额（元）
			</text>
			<view class="bondNumbox">
				{{bond}}
			</view>
			<view class="marginechargeBox">
				保证金充值
			</view>
			<view class="applicationRefund">
				申请退还
			</view>
		</view>
		<view class="tipsBox">
			<text class="frame"></text>
			<text class="tipstop">保证金说明</text>
		</view>
		<view class="descriptionBox">
			<view class="description">
				1. 保证金最低金额为500元，可大于500元，保证金从发布余额账户内扣减，保证金越高，发布任务的信誉度越高，有效提高任务做单率。
			</view>
			<view class="description">
				2. 已缴纳最低额保证金后，您发布的任务在任务大厅内将带有保证金标识，增加成功机会。
			</view>
			<view class="description">
				3. 部分金额、投资理财、支付类任务必须缴纳保证金才能通过审核。
			</view>
			<view class="description">
				4. 若任务被用户举报，平台客服将根据规则进行仲裁，根据仲裁结果，如果对接单方造成了损失会从保证金中进行处罚。
			</view>
			<view class="description">
				5. 保证金可以申请全额退还。申请提交后有3-5天的审核期，通过后会及时退还至发布余额。
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bond:'500'
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #EDECF4;
	}
.balancea { 
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: rgba(51, 51, 51, 1);
		position: absolute;
		top: 26rpx;
		left: 335rpx;
	}
	.bondBox{
		width:710rpx;
		height:300rpx;
		background:rgba(115,34,216,1);
		border-radius:20rpx;
		margin-top: 20rpx;
		margin-left: 20rpx;
		position: relative;
		}
		.bondFont{
			font-size:26rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
			position: absolute;
			top: 31rpx;
			left: 257rpx;
		}
		.bondNumbox{
			width: 710rpx;
			height: 50rpx;
			font-size:46rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 84rpx;
		}
		.marginechargeBox{
			width: 355rpx;
			height: 50rpx;
			border-right: 1rpx solid #FFFFFF;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
			position: absolute;
			bottom: 40rpx;
			left: 0rpx;
		}
		.applicationRefund{
			width: 355rpx;
			height: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size:28rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
			position: absolute;
			bottom: 40rpx;
			right: 0rpx;
		}
		.tipsBox{
				   width: 710rpx;
				   height: 90rpx;
				   margin-left: 20rpx;
				   display: flex;
				   align-items: center;
				   }
				   .frame{
					   display: block;
					   width:10rpx;
					   height:30rpx;
					   background:rgba(115,34,216,1);
					   border-radius:5rpx;
				   }
				   .tipstop{
					   font-size:28rpx;
					   font-family:PingFang SC;
					   font-weight:400;
					   color:rgba(51,51,51,1);
					   margin-left: 12rpx;
					   margin-top: -4rpx;
				   }
				   .descriptionBox{
					   width:710rpx;
					   height:560rpx;
					   background:rgba(255,255,255,1);
					   border-radius:10rpx;
					   margin-left: 20rpx;
					   position: relative;
					   top: -27rpx;
					   }
					   .description{
						 font-size:26rpx;
						 font-family:PingFang SC;
						 font-weight:400;
						 color:rgba(46,46,46,1);
						 margin-top: 27rpx;
						 margin-left: 25rpx;
						 margin-right: 25rpx;
						 position: relative;
						 top: 20rpx;
					   }
					  
</style>
